$(function () {
  layui.form.verify({
    nickname: function () {
      if (value.length > 6) {
        return '昵称长度不能超过6个字符'
      }
    }
  })
  // 根据id查询用户详情
  initUserInfo();

  function initUserInfo() {
    var id = localStorage.getItem('article_id')
    $.ajax({
      method: 'get',
      url: '/admin/users/' + id,
      success(res) {
        console.log(res);
        // 给表单赋值
        layui.form.val('editForm', res.data)
      }
    })
  }

  $(".layui-form").on("submit", function (e) {
    // alert("ok")
    e.preventDefault();
    var data = $(this).serialize();
    console.log(data);
    //   发送ajax请求
    $.ajax({
      method: "PUT",
      url: "/admin/upuser",
      data: data,
      success: function (res) {
        console.log(res);
        // 判断请求是否成功
        if (res.status !== 0) {
          return layui.layer.msg(res.message, {
            icon: 5
          });
        }
        // layui.layer.msg(res.message, {
        //   icon: 6
        layui.layer.msg(res.message, {
          icon: 6
        }, function () {
          window.parent.document.getElementById("user_list").click();
        });
      },
    });
    // 延时器
    // setTimeout(function () {
    //   window.parent.document.getElementById("tpl-list").click();
    // }, 2000);
    // console.log(window.parent.document.getElementById("edit"));
    // setInterval(function(){

    // },2000);
  });

  /* 
    需求分析：
        效果：单击“重置”按钮，表单恢复用户的信息
        步骤：
            1. 给重置按钮绑定点击事件
            2. 阻止默认清空表单行为
            3. 获取用户名，渲染到表单中
  */
  $(".layui-btn-primary").on("click", function (e) {
    e.preventDefault();
    initUserInfo(); // 获取用户信息并渲染
  });
});